.header {
    text-align: center;
    margin-bottom: 0.24rem; // 24px -> 0.24rem
}

.header h1 {
    font-size: 0.16rem; // 1.6rem -> 0.16rem
    font-weight: 600;
    margin-bottom: 0.08rem; // 8px -> 0.08rem
}

.header p {
    color: #888;
    font-size: 0.1rem; // 1rem -> 0.1rem
}

.registration-page {
    min-height: 100vh;
    background-color: #f5f5f9;
    padding: 0.24rem 0.16rem; // 24px 16px -> 0.24rem 0.16rem

    .header {
        text-align: center;
        margin: 0.32rem 0 0.48rem; // 32px 0 48px -> 0.32rem 0 0.48rem

        h1 {
            font-size: 0.24rem; // 24px -> 0.24rem
            color: #333;
            margin-bottom: 0.08rem; // 8px -> 0.08rem
        }

        p {
            font-size: 0.14rem; // 14px -> 0.14rem
            color: #666;
        }
    }

    .form-container {
        background-color: #fff;
        border-radius: 0.08rem; // 8px -> 0.08rem
        padding: 0.16rem; // 16px -> 0.16rem
        box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.05); // 2px 10px -> 0.02rem 0.1rem

        .code-input-container {
            display: flex;
            align-items: center;

            .get-code-btn {
                margin-left: 0.1rem; // 10px -> 0.1rem
                white-space: nowrap;
            }
        }

        .submit-btn {
            margin-top: 0.24rem; // 24px -> 0.24rem
            height: 0.44rem; // 44px -> 0.44rem
            font-size: 0.16rem; // 16px -> 0.16rem
            border-radius: 0.22rem; // 22px -> 0.22rem
        }
    }

    .footer {
        margin-top: 0.24rem; // 24px -> 0.24rem
        text-align: center;
        font-size: 0.12rem; // 12px -> 0.12rem
        color: #999;

        a {
            color: #1890ff;
            text-decoration: none;
            margin: 0 0.04rem; // 4px -> 0.04rem
        }
    }
}